<script setup>

</script>

<template>
  <!-- 页脚 -->
  <div class="footer">
    <div class="container">
      <!-- 底部链接 -->
      <div class="bottom-links">
        <ul class="bottom-links-list clearfix">
          <li><a href="#">关于我们</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">联系客服</a></li>
          <li><a href="#">合作招商</a></li>
          <li><a href="#">商家帮助</a></li>
          <li><a href="#">营销中心</a></li>
          <li><a href="#">友情链接</a></li>
          <li><a href="#">销售联盟</a></li>
          <li><a href="#">隐私政策</a></li>
        </ul>
        <div class="copyright">京公网安备 XXXXXXXXXXX号</div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.footer {
  width: 1100px;
  margin: 0 auto;
  height: 200px;
  background-color: white;
  display: flex;
  flex-direction: row;
}
.bottom-links {
  text-align: center;
  margin-top: 40px;
}
.bottom-links-list {
  display: inline-block;
}
.bottom-links-list li {
  float:left;
  list-style: none;
}
.bottom-links-list li a {
  color: inherit;
  text-decoration: none;
  padding: 0 26px;
  border-right: 1px solid white;
}
.bottom-links-list li a:hover {
  color:rgb(190,42,52);
}
.bottom-links-list li:first-child a {
  padding-left: 0;
}
.bottom-links-list li:last-child a {
  padding-right: 0;
  border-right: none;
}
.copyright {
  margin-top: 20px;
}
</style>